.gallary-container {
  width: 100%;
  height: 554px;
  overflow: hidden;
  position: relative;
}

.gallary-inner {
  animation-name: gallary;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;

  -webkit-animation-name: gallary;
  -webkit-animation-duration: 30s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;

  display: flex;
  position: absolute;
}

.gallary-item {
  width: 5102px;
  height: 554px;
  margin-left: 30px;
}

@keyframes gallary {
  from {
    left: calc(-10204px + 2200px);
  }
  to {
    left: 0;
  }
}

@-webkit-keyframes gallary /* Safari and Chrome */ {
  from {
    left: calc(-10204px + 2200px);
  }
  to {
    left: 0;
  }
}
